<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>${course.name!}</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <link rel="stylesheet" href="${ctxPath}/assets/libs/layui/css/layui.css"/>
  <link rel="stylesheet" href="${ctxPath}/assets/css/style.css"/>
  <link rel="stylesheet" href="${ctxPath}/assets/css/css.css"/>
  <link rel="stylesheet" href="${ctxPath}/assets/css/global.css"/>
</head>
<body>
    <!-- 顶部 -->
    <:include file="../common/header.html"/>
	<div class="course_body">
	    <div class="w1220 course_nav">
	        <span class="layui-breadcrumb">
	            <a href="/default/default">首页</a>
	            <a href="/default/releases">用户发布</a>
	          <a><cite>${release.name!}</cite></a>
	        </span>
	    </div>
	    <div class="w1220 course_intro">
	        <div class="course_img">
	            <img src="${release.image!}"/>
	        </div>
	        <div class="course_detail">
	            <h1>${release.name!}</h1>
	            <div class="some">
	                <p> 课程类别：<span>用户发布</span></p>
	                <p>课程类型：免费课程</p>
	            </div>
	            <a class="layui-btn layui-btn-lg">在线学习</a>
	        </div>
	        <div id="share" class="share"></div>
	    </div>
	
	    <div class="w1220 course_content">
	        <div class="content_left" id="content">
	            <div class="layui-tab layui-tab-brief" >
					<ul class="layui-tab-title">
						<li class="layui-this"><h3>课程介绍</h3></li>
						<li><h3>课程目录</h3></li>
						<li><h3>课程评论</h3></li>
					</ul>
<!--	                <div class="layui-tab-content">-->
<!--	                    <div class="layui-tab-item layui-show">${release.content}</div>-->
<!--	                </div>-->
					<div class="layui-tab-content">
						<div class="layui-tab-item layui-show">${release.content}</div>
						<div class="layui-tab-item">
							<ul>
									<li>
										<h3>${release.name}</h3>
										<video  height="400" width="850" controls autobuffer><source src="${release.url}" type="video/mp4" /></video>
									</li>
							</ul>
						</div>

						<div class="layui-tab-item" >
							<ul>
								<div class="layui-form-item layui-form-text">
									<label class="layui-form-label">发布评论</label>
									<div class="layui-input-block">
										<textarea placeholder="请输入内容" id="eContentEdt1" class="layui-textarea"></textarea>
									</div>
								</div>
								<div class="layui-form-item">
									<div class="layui-input-block">
										<button type="submit" class="layui-btn" lay-submit="" lay-filter="demoRemark" onclick="SaveReleaseRemark(${release.id})" >立即提交</button>
										<button type="reset" class="layui-btn layui-btn-primary">重置</button>
									</div>
								</div>
							</ul>
							<ul>
								<:for items="${remark}" var="item">
									<li class="layui-nav-item">
										<div class="comment-list-box" style="margin-top: 20px">
											<ul class="comment-list">
												<li class="replay-box" style="display:block;margin-left: 10px" >
													<ul class="comment-list">
														<li class="comment-line-box" data-commentid="15938081" data-replyname="IndexMan">
															<a href="#" style="color: #00a65a">
																<span class="nickname">${item.username}</span>
															</a>
															<span class="colon">:</span>
															<span class="comment">${item.content}</span>
															<span class="opt" style="margin-left: 10px">
																 <a class="layui-icon layui-icon-praise" style="font-size: 15px; color: #99a2aa;" onclick="AddReleaseRemarkLikes(${item.id})" id="likes"></a>
																	<:if test="${item.likesNumber!=0}">
																	  <i style="margin-left: 2px">${item.likesNumber}</i>
																	</:if>
																 <a style="font-family: '微软雅黑 Light';font-size: 4px" onclick="ReplyReleaseRemark(${item.id})">回复</a>
															</span>
														</li>
													</ul>
												</li>
											</ul>
										</div>
										<:include file="../common/release-replyRemark.html" childrenRemarkList="${item.childrenRemarkList}"/>
									</li>
								</:for>
							</ul>
						</div>

					</div>
	            </div>
	        </div>


	        <div class="content_right">
	            <div class="teacher">
	                <div class="layui-tab" style="margin-bottom: 0px">
	                    <ul class="layui-tab-title">
	                        <li><h3>发布用户</h3></li>
	                    </ul>
	                    <div class="layui-tab-content" style="height: 100px;padding-bottom: 0px">
	                        <div class="layui-tab-item layui-show">
	                            <a><img src="${ctxPath}/assets/images/head.jpg" ></a>
	                            <a><span>${user.nickName}</span>
	                            <p>${user.introduction}</p></a>
	                        </div>
	                    </div>
	                </div>
	            </div>
	            <div class="recommend">
	                <div class="layui-tab" style="margin-bottom: 0px">
	                    <ul class="layui-tab-title">
	                        <li><h3>课程推荐</h3></li>
	                    </ul>
	                    <div class="layui-tab-content" style="padding-bottom: 0px;padding-right: 0px;">
	                        <div class="layui-tab-item layui-show">
	                            <ul class="rcourse">
	                                <:for items="${tuijian}" var="item">
			                            <li>
		                                    <img src="${ctxPath}/assets/images/hot.gif">
		                                    <span><a onclick="Detail(${item.id})">${item.name}</a></span>
		                                </li>
			                        </:for>
	                            </ul>
	                        </div>
	                    </div>
	                </div>
	            </div>
	        </div>
	    </div>
    </div>

	<!-- 表单弹窗-->
	<script type="text/html" id="remarkEdit">
		<form id="courseEditForm" lay-filter="courseEditForm1" class="layui-form model-form">

			<div class="layui-form-item layui-form-text">
				<label class="layui-form-label">发布评论</label>
				<div class="layui-input-block">
					<textarea placeholder="请输入内容" id="remarkContentEdt" class="layui-textarea"></textarea>
				</div>
			</div>
			<div class="layui-form-item">
				<div class="layui-input-block">
					<button type="submit" class="layui-btn" lay-submit="" lay-filter="replyRemarkDemo">立即提交</button>
					<button type="reset" class="layui-btn layui-btn-primary">重置</button>
				</div>
			</div>
		</form>
	</script>
	
    <!-- 底部 -->
	<:include file="../common/footer.html"/>
	<:include file="../common/js.html"/>
	<script>
	    layui.config({
		  version: new Date().getTime()
		  ,base: '${ctxPath}/assets/module/'
		}).extend({
			detail : 'detail'
		}).use('detail');
	    
	</script>
</body>
</html>